/*General CSS3 buttons */
/*-----------------------------*/
a:active,a:focus{outline:0}
.button,.csbutton, .csbutton-dark, .csbutton-grey, .csbutton-color, .error{
  font-size:13px;
  cursor:pointer;
  text-decoration:none;
  padding:5px 10px;
  border-width:1px;
  border-style:solid;
  -o-box-shadow:inset 0 1px 2px rgba(255,255,255, 0.5),0 0 3px #BABABA;
  -webkit-box-shadow:inset 0 1px 2px rgba(255,255,255, 0.5),0 0 3px #BABABA;
  -moz-box-shadow:inset 0 1px 2px rgba(255,255,255, 0.5),0 0 3px #BABABA;
  -ms-box-shadow:inset 0 1px 2px rgba(255,255,255, 0.5),0 0 3px #BABABA;
  -khtml-box-shadow:inset 0 1px 2px rgba(255,255,255, 0.5),0 0 3px #BABABA;
  box-shadow:inset 0 1px 2px rgba(255,255,255, 0.5),0 0 3px #BABABA;
}

/* css styling for buttons*/
input.csbutton, input.csbutton-dark, input.csbutton-grey, input.csbutton-color{min-height:28px}
.blockcontent-body a:hover{text-decoration: none !important}
a.csbutton,a.csbutton-dark, a.csbutton-grey, a.csbutton-color, a.csbutton:hover, a.csbutton-dark:hover, a.csbutton-color:hover, a.csbutton-grey:hover{text-decoration:none;  cursor:pointer; }
.bold{font-weight: bold}
.small{font-size: 11px !important; padding: 2px 8px;}
.large{font-size: 20px!important; padding: 8px 11px !important;}
.x-large{font-size: 36px!important; padding: 10px 15px !important;}
.xx-large{font-size: 48px!important; padding: 12px 18px !important; }

.normal,.normal:hover{
  -o-box-shadow:inset 0 1px 2px rgba(255,255,255, 0.5);
  -webkit-box-shadow:inset 0 1px 2px rgba(255,255,255, 0.5);
  -moz-box-shadow:inset 0 1px 2px rgba(255,255,255, 0.5);
  -ms-box-shadow:inset 0 1px 2px rgba(255,255,255, 0.5);
  -khtml-box-shadow:inset 0 1px 2px rgba(255,255,255, 0.5);
  box-shadow:inset 0 1px 2px rgba(255,255,255, 0.5);
}

.normal:active{
  -webkit-box-shadow: inset 0 1px 2px #6D6D6D !important;
  -moz-box-shadow: inset 0 1px 2px #6D6D6D !important;
  -o-box-shadow: inset 0 1px 2px #6D6D6D !important;
  -ms-box-shadow: inset 0 1px 2px #6D6D6D !important;
  -khtml-box-shadow: inset 0 1px 2px #6D6D6D !important;
  box-shadow: inset 0 1px 2px #6D6D6D !important;
}

.round{
  padding: 7px 22px !important;
  -moz-border-radius: 25px !important;
  -webkit-border-radius: 25px !important;
  -o-border-radius: 25px !important;
  -ms-border-radius: 25px !important;
  -khtml-border-radius: 25px !important;
  border-radius: 25px !important;
}

.small.round{padding: 5px 10px !important}

.box{
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  border-radius: 0 !important;
}

/*combined csbutton, showhide, pic3d, white-top, event-time, block-number, .th, th css3 */
.csbutton, .showhide li, .pic3d, div.white-top div, .event-time, .block-number, .th, th, .kwicks li .kwicks-caption, .page-navigate .page, .page-navigate .pages, .page-navigate .next-link, .page-navigate .next, .page-navigate .previous,.reply, .actions .next, .actions .prev, .slider-action {
border-color:#ffffff;
background: #e5e5e5;
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
-pie-background:linear-gradient(#ffffff, #e5e5e5);
text-shadow: 0 1px 0 #F7F7F7;
}

.page-navigate .page, .page-navigate .pages, .page-navigate .next-link, .page-navigate .next, .page-navigate .current, .page-navigate .previous,.reply, .actions .next, .actions .prev {
-moz-box-shadow: 1px 1px 2px #C0C0C0;
-webkit-box-shadow: 1px 1px 2px #C0C0C0;
-ms-box-shadow: 1px 1px 2px #C0C0C0;
-khtml-box-shadow: 1px 1px 2px #C0C0C0;
-o-box-shadow: 1px 1px 2px #C0C0C0;
box-shadow: 1px 1px 2px #C0C0C0;
}

.csbutton:hover, .pic3d:hover, .showhide li:hover, div.white-top div:hover, .event-time:hover{
background: #eaeaea;
background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea));
background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#eaeaea 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#eaeaea 100%);
background: linear-gradient(top,  #ffffff 0%,#eaeaea 100%);
-pie-background:linear-gradient(#ffffff,#eaeaea);
}

.csbutton-dark{
border-color: #000000; color: #ffffff; text-shadow: none !important;
background: #0b0b0b;
background: -moz-linear-gradient(top,  #0b0b0b 0%, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b0b0b), color-stop(100%,#000000));
background: -webkit-linear-gradient(top,  #0b0b0b 0%,#000000 100%);
background: -o-linear-gradient(top,  #0b0b0b 0%,#000000 100%);
background: -ms-linear-gradient(top,  #0b0b0b 0%,#000000 100%);
background: linear-gradient(top,  #0b0b0b 0%,#000000 100%);
-pie-background:linear-gradient(#0b0b0b,#000000);
-o-box-shadow: inset 0 1px 2px #1F1F1F,  0 2px 2px #202020;
-webkit-box-shadow: inset 0 1px 2px #1F1F1F,  0 2px 2px #202020;
-moz-box-shadow: inset 0 1px 2px #1F1F1F,  0 2px 2px #202020;
-ms-box-shadow: inset 0 1px 2px #1F1F1F,  0 2px 2px #202020;
box-shadow: inset 0 1px 2px #202020,  0 2px 2px #202020;
}

.csbutton-dark:hover{
background: #171717;
background: -moz-linear-gradient(top,  #171717 0%, #0d0d0d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#171717), color-stop(100%,#0d0d0d));
background: -webkit-linear-gradient(top,  #171717 0%,#0d0d0d 100%);
background: -o-linear-gradient(top,  #171717 0%,#0d0d0d 100%);
background: -ms-linear-gradient(top,  #171717 0%,#0d0d0d 100%);
background: linear-gradient(top,  #171717 0%,#0d0d0d 100%);
-pie-background:linear-gradient(#171717,#0d0d0d);
-o-box-shadow: inset 0 1px 2px #212121,  0 2px 2px #202020;
-webkit-box-shadow: inset 0 1px 2px #212121,  0 2px 2px #202020;
-moz-box-shadow: inset 0 1px 2px #212121,  0 2px 2px #202020;
-ms-box-shadow: inset 0 1px 2px #212121,  0 2px 2px #202020;
box-shadow: inset 0 1px 2px #212121,  0 2px 2px #202020;
}

.csbutton-dark:active{
background: #0b0b0b;
background: -moz-linear-gradient(top,  #000000 0%, #0b0b0b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#0b0b0b));
background: -webkit-linear-gradient(top,  #000000 0%,#0b0b0b 100%);
background: -o-linear-gradient(top,  #000000 0%,#0b0b0b 100%);
background: -ms-linear-gradient(top,  #000000 0%,#0b0b0b 100%);
background: linear-gradient(top,  #000000 0%,#0b0b0b 100%);
-pie-background:linear-gradient(#000000,#0b0b0b);
-o-box-shadow: inset 0 1px 2px #000000,  1px 1px 1px rgba(255, 255, 255, 0.1);
-webkit-box-shadow: inset 0 1px 2px #000000,  1px 1px 1px rgba(255, 255, 255, 0.1);
-moz-box-shadow: inset 0 1px 2px #000000, 1px 1px 1px rgba(255, 255, 255, 0.1);
-ms-box-shadow: inset 0 1px 2px #000000, 1px 1px 1px rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 2px #000000,  1px 1px 1px rgba(255, 255, 255, 0.1);
}

.csbutton-grey{
border-color: #474747; color: #ffffff; text-shadow: none !important;
background: #4f4f4f;
background: -moz-linear-gradient(top,  #4f4f4f 0%, #474747 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f4f4f), color-stop(100%,#474747));
background: -webkit-linear-gradient(top,  #4f4f4f 0%,#474747 100%);
background: -o-linear-gradient(top,  #4f4f4f 0%,#474747 100%);
background: -ms-linear-gradient(top,  #4f4f4f 0%,#474747 100%);
background: linear-gradient(top,  #4f4f4f 0%,#474747 100%);
-pie-background:linear-gradient(#4f4f4f,#474747);
}

.csbutton-grey:hover{
background: #595959;
background: -moz-linear-gradient(top,  #616161 0%, #595959 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#616161), color-stop(100%,#595959));
background: -webkit-linear-gradient(top,  #616161 0%,#595959 100%);
background: -o-linear-gradient(top,  #616161 0%,#595959 100%);
background: -ms-linear-gradient(top,  #616161 0%,#595959 100%);
background: linear-gradient(top,  #616161 0%,#595959 100%);
-pie-background:linear-gradient(#616161,#595959);
}

a.csbutton-dark, a.csbutton-dark:hover, a.csbutton-dark:active, a.csbutton-grey, a.csbutton-grey:hover, a.csbutton-grey:active, a.csbutton-color, a.csbutton-color:hover, a.csbutton-color:active, .page-navigate .current{color: #FFFFFF !important; text-shadow: none !important}

.button:hover,.csbutton:hover{
  text-decoration:none;
  -moz-box-shadow:inset 0 1px 4px #FFFFFF,0 0 7px #BABABA;
  -webkit-box-shadow:inset 0 1px 4px #FFFFFF,0 0 7px #BABABA;
  -o-box-shadow:inset 0 1px 4px #FFFFFF,0 0 7px #BABABA;
  -ms-box-shadow:inset 0 1px 4px #FFFFFF,0 0 7px #BABABA;
  -khtml-box-shadow:inset 0 1px 4px #FFFFFF,0 0 7px #BABABA;
  box-shadow:inset 0 1px 4px #FFFFFF,0 0 7px #BABABA;
}

.csbutton:active,.normal:active, .csbutton-color:active{
  position:relative;
  top:1px;
  cursor:pointer;
  -webkit-box-shadow:inset 0 1px 2px #6D6D6D,0 0 3px #BABABA;
  -moz-box-shadow:inset 0 1px 2px #6D6D6D,0 0 3px #BABABA;
  -ms-box-shadow:inset 0 1px 2px #6D6D6D,0 0 3px #BABABA;
  -o-box-shadow:inset 0 1px 2px #6D6D6D,0 0 3px #BABABA;
  box-shadow:inset 0 1px 2px #6D6D6D,0 0 3px #BABABA;

}

.csbutton-dark:active, .csbutton-grey:active{
position: relative;
top: 1px;
 -moz-box-shadow:inset 0 1px 2px #000000;
 -webkit-box-shadow:inset 0 1px 2px #000000;
 -ms-box-shadow:inset 0 1px 2px #000000;
 -o-box-shadow:inset 0 1px 2px #000000;
 box-shadow:inset 0 1px 2px #000000;
}

/*icons*/
.icon {margin: 2px 5px}
.bookmark, .connect, .contact,  .information, .note, .rate, .tick, .user, .write{display: inline-block; height: 16px; margin: -2px 5px -3px 5px; position: relative; width: 16px;}
div span.icon {margin:10px 20px 10px 0}
.bookmark {background: url(https://softwanime.googlecode.com/svn/beulah/special-4.png) 0 0 no-repeat;}
.connect {background: url(https://softwanime.googlecode.com/svn/beulah/special-5.png) 0 0 no-repeat;}
.contact {background: url(https://softwanime.googlecode.com/svn/beulah/special-6.png) 0 0 no-repeat;}
.information {background: url(https://softwanime.googlecode.com/svn/beulah/typo/special-9.png) 0 0 no-repeat;}
.note {background: url(https://softwanime.googlecode.com/svn/beulah/special-7.png) 0 0 no-repeat;}
.rate {background: url(https://softwanime.googlecode.com/svn/beulah/special-2.png) 0 0 no-repeat;}
.tick {background: url(https://softwanime.googlecode.com/svn/beulah/special-1.png) 0 0 no-repeat;}
.user {background: url(https://softwanime.googlecode.com/svn/beulah/special-8.png) 0 0 no-repeat;}
.write {background: url(https://softwanime.googlecode.com/svn/beulah/special-3.png) 0 0 no-repeat;}

#submit_mail{margin:-5px 10px}
/*end of css buttons*/

/*typography selection*/
.content-box-gray ::selection{background: #808080; color: #FFF;text-shadow: none}
.content-box-gray ::-moz-selection {background: #808080; color: #FFF; text-shadow: none}
.content-box-gray ::-webkit-selection {background: #808080; color: #FFF; text-shadow: none}
.content-box-blue ::selection{background: #50737E; color: #FFF;text-shadow: none}
.content-box-blue ::-moz-selection {background: #50737E; color: #FFF; text-shadow: none}
.content-box-blue ::-webkit-selection {background: #50737E; color: #FFF; text-shadow: none}
.content-box-cyan ::selection{background: #2A8396; color: #FFF;text-shadow: none}
.content-box-cyan ::-moz-selection {background: #2A8396; color: #FFF; text-shadow: none}
.content-box-cyan ::-webkit-selection {background: #2A8396; color: #FFF; text-shadow: none}
.content-box-green ::selection {background: #475127; color: #FFF;text-shadow: none}
.content-box-green ::-moz-selection {background: #475127; color: #FFF; text-shadow: none}
.content-box-green ::-webkit-selection {background: #475127; color: #FFF; text-shadow: none}
.content-box-yellow ::selection{background: #A96903; color: #FFF;text-shadow: none}
.content-box-yellow ::-moz-selection {background: #A96903; color: #FFF; text-shadow: none}
.content-box-yellow ::-webkit-selection {background: #A96903; color: #FFF; text-shadow: none}
.content-box-orange ::selection{background: #804602; color: #FFF;text-shadow: none}
.content-box-orange ::-moz-selection {background: #804602; color: #FFF; text-shadow: none}
.content-box-orange ::-webkit-selection {background: #804602; color: #FFF; text-shadow: none}
.content-box-red ::selection{background: #AB4343; color: #FFF;text-shadow: none}
.content-box-red ::-moz-selection {background: #AB4343; color: #FFF; text-shadow: none}
.content-box-red ::-webkit-selection {background: #AB4343; color: #FFF; text-shadow: none}
.full-image{background-repeat: repeat;}
/*menu general css
-----------------------------------*/

/* menu bar section */
.nav{margin:0 auto;min-height:63px;top:21px;width:998px;z-index:1000; margin-left: 1px;}
.nav-inner{margin:0 1px; z-index:-1}
.nav-outer{position:absolute;width:100%;}
.nav-wrapper{margin:0 auto;position:relative;width:auto;}
.nav:after{width:0;}
.nav:before{right:0;}
 .nav-png{margin:0 auto; position: absolute; z-index: -1; top: 0; width:997px; margin-left: 1px; min-height:63px;}
 /*HTML5 menu::base */
#menu{height:54px;padding-left:6px;width:auto;}
#menu ul{float:right;list-style:none;margin:0;padding:0;}
#menu ul.menu{padding-right:0;}
#menu li{display:block;float:left;margin:0;padding:0;position:relative;width:auto;z-index:9;}
#menu li div{float:left;left:0;list-style:none;margin:5px 0 0 -4px;padding:0;position:absolute;top:62px;visibility:hidden;width:220px;z-index:11;}
#menu ul ul li{z-index:1001;}
#menu ul ul li div{background-position:-228px 0;}
#menu ul ul {z-index: 12;  padding: 0 4px 10px 4px;margin: 10px 0 0 0;}
#menu li:hover>div {visibility: visible;}
#menu a{display:block;float:left;height:60px;line-height:60px;margin-top:1px;padding-right:5px;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:auto;z-index:10;}
#menu span{background:no-repeat 95% 0;color:#FFF;cursor:pointer;display:block;line-height:60px;margin-top:2px;padding-left:0;text-align:center;}
/* menu::level1 */
#menu a{background:none;height:70px;line-height:60px;padding:0 20px;}
#menu li.last { background: none; }
/* menu::level2 */
#menu ul ul a{color:#fff;display:block;float:none;font-size:13px;height:auto;line-height:25px;margin:0 10px;padding:0;padding-left:5px;text-transform:none;white-space:normal;width:190px;z-index:-1;}
#menu ul ul li{background:none;padding:0;}
#menu ul ul ul a { padding-left: 10px;}
#menu ul ul a span{font-size:13px;line-height:28px;padding:0 5px;}
#menu ul ul a.widget span{line-height:1.5em;margin-bottom:15px;}
#menu ul ul a.widget span.title{border-bottom:4px solid rgba(0,0,0,0.2);font-size:19px;margin:10px 0;}
#menu ul ul a:hover{ background:none;}
#menu ul ul a:hover span {background:none;}
#menu ul ul a.parent{-moz-transition:background-position 0.3s ease-out;-ms-transition:background-position 0.3s ease-out;-o-transition:background-position 0.3s ease-out;-webkit-transition:background-position 0.3s ease-out;transition:background-position 0.3s ease-out;}
#menu ul ul a.parent span{background:none;border:1px solid transparent;}
#menu ul ul li{width:100%;}
#menu ul ul span{margin-top:0;text-align:left;}
#menu ul ul a.parent:hover span,#menu ul ul li.last{background:none;}
/* menu::level3 */
#menu ul ul div{margin: -73px 0 0 203px !important;padding:0;width:220px;}
#menu ul ul div li{position:relative;top:-10px;}
#menu ul ul ul{padding:10px 4px 0 0;}
/* lava lamp */
#menu li.back{height:62px;margin:0;padding:0;position:absolute;width:0;z-index:8;}
#menu li.back .left{float:none;height:62px;left:0;margin:0;padding:0;position:relative;top:0;visibility:visible;width:auto;}
#menu li.nolink span{-moz-border-radius:3px 3px 0 0;-ms-border-radius:3px 3px 0 0;-o-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;cursor:default;font-size: 12px !important;line-height: 26px !important;margin:1px 7px 5px 10px;padding: 1px 7px !important;text-shadow:1px 0 1px #000000;text-transform:uppercase; 
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.39) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.39)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.39) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.39) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.39) 100%);
background: linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.39) 100%);}
#menu li:hover>div {visibility: visible;}
a.group span{font-size: 12px !important;line-height: 18px !important;padding: 1px 12px !important}
/*menu::icons*/
a.special-1 span{background: url(https://softwanime.googlecode.com/svn/beulah/special-1.png) 2px 7px no-repeat transparent !important}
a.special-2 span{background: url(https://softwanime.googlecode.com/svn/beulah/special-2.png) 2px 7px no-repeat transparent !important}
a.special-3 span{background: url(https://softwanime.googlecode.com/svn/beulah/special-3.png) 2px 7px no-repeat transparent !important}
a.special-4 span{background: url(https://softwanime.googlecode.com/svn/beulah/special-4.png) 2px 7px no-repeat transparent !important}
a.special-5 span{background: url(https://softwanime.googlecode.com/svn/beulah/special-5.png) 2px 7px no-repeat transparent !important}
a.special-6 span{background: url(https://softwanime.googlecode.com/svn/beulah/special-6.png) 2px 7px no-repeat transparent !important}
a.special-7 span{background: url(https://softwanime.googlecode.com/svn/beulah/special-7.png) 2px 7px no-repeat transparent !important}
a.special-8 span{background: url(https://softwanime.googlecode.com/svn/beulah/special-8.png) 2px 7px no-repeat transparent !important}
ul.icons a span{padding-left: 25px !important}


/*typography*/
.dotted{background: url("https://lh5.googleusercontent.com/-kMk9WALlSg4/T7380YzU9iI/AAAAAAAAAak/xLf73RC3tlw/s4/block-div-h.png") repeat-x scroll 0 100% transparent}
/*begin dropcaps, block numbers, block date style */
.dropcap{color:inherit;}
.dropcap-blue{color:#0D507A;}
.dropcap-brown{color:#8B6846;}
.dropcap-green{color:#74A824;}
.dropcap-grey{color:#666;}
.dropcap-orange{color:#CC8300;}
.dropcap-purple{color:#9E0E87;}
.dropcap-red{color:#D12E2E;}
.dropcap,.dropcap-blue,.dropcap-red,.dropcap-green,.dropcap-purple,.dropcap-orange,.dropcap-brown,.dropcap-grey{display:block;float:left;font: 5em/75% Tahoma;padding:4px 8px 0 0;}
.event-time,.block-number{border:#e5e5e5;color:#808080;display:block;float:left;height:auto;margin: 3px 15px 3px 0 !important;padding-top:7px;}
.scripting .block-number{margin: 6px 15px 3px 0 !important}
.event{display: block; margin: 5px 0 20px}
.block-number .digit{font-size: 200%; padding: 9px 10px 25px; }
.block-number .bottom{ display: block;padding-bottom: 2px; text-align: center;text-transform: uppercase;
-moz-border-radius:0 0 4px 4px;
-webkit-border-radius:0 0 4px 4px;
-ms-border-radius:0 0 4px 4px;
-o-border-radius:0 0 4px 4px;
border-radius:0 0 4px 4px;
}

.block-number .bottom{min-height: 7px}
/* end dropcap, block numbers and block date*/

/*begin ul li style*/
/*ul style*/
ul.bullet-1 li{background:url(https://softwanime.googlecode.com/svn/beulah/bullet-1.png)}
ul.bullet-1 li{padding-left:22px; line-height:1.8em; background-position: 5px 8px; background-repeat: no-repeat}
ul.bullet-list li{color:#FFFFFF;  margin: 0 15px 5px 0 !important;  padding: 0 !important}
ul.bullet-list li a{ display:block;  padding:4px 7px 8px 22px;  background:url(https://softwanime.googlecode.com/svn/beulah/bullet-2.png) 5px 8px no-repeat}
ul.bullet-list li a:hover{  padding-left:24px;  background-position:7px 8px; text-decoration:none;}

/*content-boxs and notices background gradient*/
.content-box,.content-box-blue,.content-box-green,.content-box-orange,.content-box-yellow,.content-box-red,.content-box-gray,.content-box-transparent{border:1px solid rgba(255,255,255,0.5) !important;display:block;margin:10px 10px 10px 50px;padding:5px 25px 5px 38px;text-shadow:1px 1px 1px #FFFFFF;
-moz-box-shadow: 0 1px 1px #FFFFFF inset, 0 0 1px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 1px 1px #FFFFFF inset, 0 0 1px rgba(0, 0, 0, 0.5);
-o-box-shadow: 0 1px 1px #FFFFFF inset, 0 0 1px rgba(0, 0, 0, 0.5);
-ms-box-shadow: 0 1px 1px #FFFFFF inset, 0 0 1px rgba(0, 0, 0, 0.5);
-khtml-box-shadow: 0 1px 1px #FFFFFF inset, 0 0 1px rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 1px #FFFFFF inset, 0 0 1px rgba(0, 0, 0, 0.5);

}
.content-box-transparent{border-color: #E0E0E0;  color: #808080;  text-shadow: 1px 1px 1px #FFFFFF;
background: #EFEFEF;
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,0,0,0.15) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.15)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.15) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.15) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.15) 100%);
background: linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.15) 100%);
-pie-background: linear-gradient( rgba(255,255,255,0), rgba(0,0,0,0.15));
}

.content-box-blue{border-color: #A9C3DB;  color: #50737E;  text-shadow: 0 1px #F5F8F9;
  background: #c3d1e1;
  background: -moz-linear-gradient(top, #e6edf4 0%, #c3d1e1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6edf4), color-stop(100%, #c3d1e1));
  background: -webkit-linear-gradient(top, #e6edf4 0%, #c3d1e1 100%);
  background: -o-linear-gradient(top, #e6edf4 0%, #c3d1e1 100%);
  background: -ms-linear-gradient(top, #e6edf4 0%, #c3d1e1 100%);
  background: linear-gradient(top, #e6edf4 0%, #c3d1e1 100%);
  -pie-background: linear-gradient(#e6edf4, #c3d1e1);
}

.content-box-green{  border-color: #B4D264;  color: #65715B;  text-shadow: 0 1px #E8EDE1;
background: #e4efc0;
background: -moz-linear-gradient(top, #e4efc0 0%, #c1db85 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4efc0), color-stop(100%,#c1db85));
background: -webkit-linear-gradient(top, #e4efc0 0%,#c1db85 100%);
background: -o-linear-gradient(top, #e4efc0 0%,#c1db85 100%);
background: -ms-linear-gradient(top, #e4efc0 0%,#c1db85 100%);
background: linear-gradient(top, #e4efc0 0%,#c1db85 100%);
  -pie-background: linear-gradient(#e4efc0, #c1db85);
}

.content-box-orange{border-color: #ffcf91;  color: #804602;  text-shadow: 0 1px #FBF0D7;
  background: #f7e0b2;
  background: -moz-linear-gradient(top, #f7e0b2 0%, #ffcf91 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7e0b2), color-stop(100%, #ffcf91));
  background: -webkit-linear-gradient(top, #f7e0b2 0%, #ffcf91 100%);
  background: -o-linear-gradient(top, #f7e0b2 0%, #ffcf91 100%);
  background: -ms-linear-gradient(top, #f7e0b2 0%, #ffcf91 100%);
  background: linear-gradient(top, #f7e0b2 0%, #ffcf91 100%);
  -pie-background: linear-gradient(#f7e0b2, #ffcf91);
}

.content-box-yellow{border-color: #ffe3b5;  color: #A96903;  text-shadow: 0 1px #FEFCEA;
  background: #ffe8c3;
  background: -moz-linear-gradient(top, #f9f6c3 0%, #ffe3b5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f6c3), color-stop(100%, #ffe3b5));
  background: -webkit-linear-gradient(top, #f9f6c3 0%, #ffe3b5 100%);
  background: -o-linear-gradient(top, #f9f6c3 0%, #ffe3b5 100%);
  background: -ms-linear-gradient(top, #f9f6c3 0%, #ffe3b5 100%);
  background: linear-gradient(top, #f9f6c3 0%, #ffe3b5 100%);
  -pie-background: linear-gradient(#f9f6c3, #ffe3b5);
}

.content-box-red{border-color: #EC9494;  color: #AB4343;  text-shadow: 0 1px #EFD5D5;
  background: #f6a2a2;
  background: -moz-linear-gradient(top, #f9bdb7 0%, #f6a2a2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9bdb7), color-stop(100%, #f6a2a2));
  background: -webkit-linear-gradient(top, #f9bdb7 0%, #f6a2a2 100%);
  background: -o-linear-gradient(top, #f9bdb7 0%, #f6a2a2 100%);
  background: -ms-linear-gradient(top, #f9bdb7 0%, #f6a2a2 100%);
  background: linear-gradient(top, #f9bdb7 0%, #f6a2a2 100%);
  -pie-background: linear-gradient(#f9bdb7, #f6a2a2);
}

.content-box-gray{border-color: #E0E0E0;  color: #808080;  text-shadow: 1px 1px 1px #FFFFFF;
  background: #EFEFEF;
  background: -moz-linear-gradient(top, #F5F5F5 0%, #e5e5e5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F5F5F5), color-stop(100%, #e5e5e5));
  background: -webkit-linear-gradient(top, #F5F5F5 0%, #e5e5e5 100%);
  background: -o-linear-gradient(top, #F5F5F5 0%, #e5e5e5 100%);
  background: -ms-linear-gradient(top, #F5F5F5 0%, #e5e5e5 100%);
  background: linear-gradient(top, #F5F5F5 0%, #e5e5e5 100%);
  -pie-background: linear-gradient(#F5F5F5, #e5e5e5);
}
/*end of contentt-boxes*/

/* begin notifications */
.keypoint, .tip,.info,.warning,.fail{ -khtml-box-shadow:0 1px 1px #FFFFFF inset,0 0 1px rgba(0,0,0,0.5);-moz-box-shadow:0 1px 1px #FFFFFF inset,0 0 1px rgba(0,0,0,0.5);-ms-box-shadow:0 1px 1px #FFFFFF inset,0 0 1px rgba(0,0,0,0.5);-o-box-shadow:0 1px 1px #FFFFFF inset,0 0 1px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 1px #FFFFFF inset,0 0 1px rgba(0,0,0,0.5);  border:1px solid rgba(255,255,255,0.5) !important; box-shadow:0 1px 1px #FFFFFF inset,0 0 1px rgba(0,0,0,0.5); display:block; position:relative;margin:15px 0;padding:8px 10px 8px 50px;text-shadow:1px 1px 1px #FFF; }
.keypoint p{background:url(https://lh4.googleusercontent.com/-nCqqFXaLnAM/UJrJ1EgZEKI/AAAAAAAAPF4/R3C-mcjsd_8/s48/point.png) no-repeat 0 50%;}
.tip p{background:url(https://lh3.googleusercontent.com/-pohzGjB5fYg/UJrJ1fAPbQI/AAAAAAAAPGE/HndXxTEp7hk/s48/tip.png) no-repeat 0 50%;}
.info p{background:url(https://lh5.googleusercontent.com/-cu3n_uquN38/UJrJ0v9kngI/AAAAAAAAPFs/_pyE9jrSxSk/s48/info.png) no-repeat 0 50%;}
.warning p{background:url(https://lh4.googleusercontent.com/-TCQbmTmYENo/UJrJ1vWnTPI/AAAAAAAAPGA/CExlbROl-4w/s48/warning.png) no-repeat 0 50%;}
.fail p{background:url(https://lh4.googleusercontent.com/-uiey-BZBCCk/UJrJ0q1X8QI/AAAAAAAAPFw/-6KFGC1XgQk/s48/error.png) no-repeat 0 50%;}
.keypoint p,.tip p,.info p,.warning p,.fail p{line-height: 1.5em; margin:12px 10px 12px -35px;min-height:45px;padding-left:55px;}

.green{
border-color: #517712; color: #FFFFFF; text-shadow: none;
background: #517712;
background: -moz-linear-gradient(top,  #98c362 0%, #517712 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98c362), color-stop(100%,#517712));
background: -webkit-linear-gradient(top,  #98c362 0%,#517712 100%);
background: -o-linear-gradient(top,  #98c362 0%,#517712 100%);
background: -ms-linear-gradient(top,  #98c362 0%,#517712 100%);
background: linear-gradient(top,  #98c362 0%,#517712 100%);
-pie-background:linear-gradient(#98c362,#517712);
}

.green:hover{
background: #679917;
background: -moz-linear-gradient(top,  #a2c973 0%, #679917 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a2c973), color-stop(100%,#679917));
background: -webkit-linear-gradient(top,  #a2c973 0%,#679917 100%);
background: -o-linear-gradient(top,  #a2c973 0%,#679917 100%);
background: -ms-linear-gradient(top,  #a2c973 0%,#679917 100%);
background: linear-gradient(top,  #a2c973 0%,#679917 100%);
-pie-background:linear-gradient(#a2c973,#679917);
}

.yellow
{border-color: #FFA71D; color: #404040; text-shadow: 0 1px #F0E9A1;
background: #feb645;
background: -moz-linear-gradient(top,  #f1e767 0%, #feb645 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1e767), color-stop(100%,#feb645));
background: -webkit-linear-gradient(top,  #f1e767 0%,#feb645 100%);
background: -o-linear-gradient(top,  #f1e767 0%,#feb645 100%);
background: -ms-linear-gradient(top,  #f1e767 0%,#feb645 100%);
background: linear-gradient(top,  #f1e767 0%,#feb645 100%);
-pie-background:linear-gradient(#f1e767,#feb645);
}

.yellow:hover{
background: #f2ea76;
background: -moz-linear-gradient(top,  #f2ea76 0%, #febe58 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2ea76), color-stop(100%,#febe58));
background: -webkit-linear-gradient(top,  #f2ea76 0%,#febe58 100%);
background: -o-linear-gradient(top,  #f2ea76 0%,#febe58 100%);
background: -ms-linear-gradient(top,  #f2ea76 0%,#febe58 100%);
background: linear-gradient(top,  #f2ea76 0%,#febe58 100%);
-pie-background:linear-gradient(#f2ea76,#febe58);
}

.blue{
border-color: #0EA3D4; color: #FFFFFF; text-shadow: none;
background: #27afda;
background: -moz-linear-gradient(top,  #27afda 0%, #116783 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27afda), color-stop(100%,#116783));
background: -webkit-linear-gradient(top,  #27afda 0%,#116783 100%);
background: -o-linear-gradient(top,  #27afda 0%,#116783 100%);
background: -ms-linear-gradient(top,  #27afda 0%,#116783 100%);
background: linear-gradient(top,  #27afda 0%,#116783 100%);
-pie-background:linear-gradient(#27afda,#116783);
}

.blue:hover{
background: #3eb9de;
background: -moz-linear-gradient(top,  #3eb9de 0%, #157fa3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3eb9de), color-stop(100%,#157fa3));
background: -webkit-linear-gradient(top,  #3eb9de 0%,#157fa3 100%);
background: -o-linear-gradient(top,  #3eb9de 0%,#157fa3 100%);
background: -ms-linear-gradient(top,  #3eb9de 0%,#157fa3 100%);
background: linear-gradient(top,  #3eb9de 0%,#157fa3 100%);
-pie-background:linear-gradient(#3eb9de,#157fa3);
}

.orange{border-color: #EC7A00; color: #ffffff; text-shadow: none;
background: #f48703;
background: -moz-linear-gradient(top,  #f7b32e 0%, #f48703 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7b32e), color-stop(100%,#f48703));
background: -webkit-linear-gradient(top,  #f7b32e 0%,#f48703 100%);
background: -o-linear-gradient(top,  #f7b32e 0%,#f48703 100%);
background: -ms-linear-gradient(top,  #f7b32e 0%,#f48703 100%);
background: linear-gradient(top,  #f7b32e 0%,#f48703 100%);
-pie-background:linear-gradient(#f7b32e,#f48703);
}
.orange:hover{
background: #fc9516;
background: -moz-linear-gradient(top,  #f8bc44 0%, #fc9516 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8bc44), color-stop(100%,#fc9516));
background: -webkit-linear-gradient(top,  #f8bc44 0%,#fc9516 100%);
background: -o-linear-gradient(top,  #f8bc44 0%,#fc9516 100%);
background: -ms-linear-gradient(top,  #f8bc44 0%,#fc9516 100%);
background: linear-gradient(top,  #f8bc44 0%,#fc9516 100%);
-pie-background:linear-gradient(#f8bc44,#fc9516);
}

.red{border-color: #bf2a04; color: #ffffff; text-shadow: none;
background: #bf2a04;
background: -moz-linear-gradient(top,  #ed842d 0%, #bf2a04 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed842d), color-stop(100%,#bf2a04));
background: -webkit-linear-gradient(top,  #ed842d 0%,#bf2a04 100%);
background: -o-linear-gradient(top,  #ed842d 0%,#bf2a04 100%);
background: -ms-linear-gradient(top,  #ed842d 0%,#bf2a04 100%);
background: linear-gradient(top,  #ed842d 0%,#bf2a04 100%);
-pie-background:linear-gradient(#ed842d,#bf2a04);
}

.red:hover{
background: #e03004;
background: -moz-linear-gradient(top,  #ef8f41 0%, #e03004 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef8f41), color-stop(100%,#e03004));
background: -webkit-linear-gradient(top,  #ef8f41 0%,#e03004 100%);
background: -o-linear-gradient(top,  #ef8f41 0%,#e03004 100%);
background: -ms-linear-gradient(top,  #ef8f41 0%,#e03004 100%);
background: linear-gradient(top,  #ef8f41 0%,#e03004 100%);
-pie-background:linear-gradient(#ef8f41,#e03004);
}

.close-note{border:none;color:#202020;cursor:pointer;font-size:19px;font-weight:bold;height:29px;padding:0 5px 5px;position:absolute;right:0;text-shadow:1px 1px 1px #FFFFFF;top:0;vertical-align:middle;width:29px;}
input.close-note, input.close-note:hover, input.close-note:active, input.close-note:focus{-moz-box-shadow: none !important;-webkit-box-shadow: none !important;	-ms-box-shadow: none !important;	-o-box-shadow: none !important;	box-shadow: none !important; background: transparent;}
input.close-note:hover{color: #808080; background-color: transparent !important }
input.close-note:active{top: 1px;}
/*end notifications*/

/* begin text highlight */
span.highlight{border-width: 1px; border-style: solid}
span.highlight-blue{background:#0D507A;}
span.highlight-bold{font-size:110%;font-weight:bold;}
span.highlight-brown{background:#8B6846;}
span.highlight-green{background:#74A824;}
span.highlight-grey{background:#666;}
span.highlight-orange{background:#CC8300;}
span.highlight-purple{background:#9E0E87;}
span.highlight-red{background:#D12E2E;}
span.highlight-blue,span.highlight-red,span.highlight-green,span.highlight-purple,span.highlight-orange,span.highlight-brown,span.highlight-grey{ color:#FFFFFF}
span.highlight,span.highlight-blue,span.highlight-red,span.highlight-green,span.highlight-purple,span.highlight-orange,span.highlight-brown,span.highlight-grey,span.highlight-bold{padding:1px 7px;   -moz-border-radius:3px;  -webkit-border-radius:3px;  -ms-border-radius:3px;  -o-border-radius:3px;  border-radius:3px;  text-shadow:none}
/* end text highlight */


/* begin important emphasis */
.important{-moz-border-radius:5px;-moz-box-shadow:1px 1px 0 #FFFFFF;-ms-border-radius:5px;-ms-box-shadow:1px 1px 0 #FFFFFF;-o-border-radius:5px;-o-box-shadow:1px 1px 0 #FFFFFF;-webkit-border-radius:5px;-webkit-box-shadow:1px 1px 0 #FFFFFF;background:none;border-radius:5px;box-shadow:1px 1px 0 #FFFFFF;color:#113040;line-height:1.5em;margin:25px 0 10px 0;padding:35px 15px 15px;position:relative;text-shadow: none !important;}
.important-title{-moz-border-radius:0 0 4px 4px;-moz-box-shadow:1px 1px 0 #808080;-ms-border-radius:0 0 4px 4px;-ms-box-shadow:1px 1px 0 #808080;-o-border-radius:0 0 4px 4px;-o-box-shadow:1px 1px 0 #808080;-webkit-border-radius:0 0 4px 4px;-webkit-box-shadow:1px 1px 0 #808080;border-radius:0 0 4px 4px;box-shadow:1px 1px 0 #808080;display:block;left:10px;padding:3px 8px;position:absolute;top:0;}
.important:hover{background:none;}
.important{border-style:solid; border-width: 1px;}
/* end important emphasis */

/* begin inset */
span.inset-left{display:block;float:left;font:italic bold 110% Georgia,Helvetica,Sans-Serif;padding:15px;width:20%;}
span.inset-right{display:block;float:right;font:italic bold 120% Georgia,Helvetica,Sans-Serif;padding:15px;width:20%;}
/* end inset */

/*image/border styling*/
.pic-border{padding:5px;  border: 1px solid #C7C7C7 !important;  background-color:#FFFFFF}
.pic-polarid{padding:5px 5px 30px 5px;  border: 1px solid #CFCFCF !important;  background-color:#FFFFFF;
background: #f9f9f9;
background: -moz-linear-gradient(-45deg,  #f9f9f9 32%, #ffffff 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(32%,#f9f9f9), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(-45deg,  #f9f9f9 32%,#ffffff 100%);
background: -o-linear-gradient(-45deg,  #f9f9f9 32%,#ffffff 100%);
background: -ms-linear-gradient(-45deg,  #f9f9f9 32%,#ffffff 100%);
background: linear-gradient(-45deg,  #f9f9f9 32%,#ffffff 100%);
-pie-background:linear-gradient(#f9f9f9,#ffffff);}

.pic-round{padding:5px;  border: 1px solid #C7C7C7 !important;  background-color:#FFFFFF;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -ms-border-radius:5px;
  -o-border-radius:5px;
  border-radius:5px;
}

.pic3d, .pic3d-dark{padding:5px; border-width: 1px !important; border-style: solid; background:none; }
.pic3d{ border-color:#ffffff !important; }
.pic3d:hover{opacity: 0.6;}
 
.pic3d-dark{
background: #000000; border-color: #0b0b0b !important;
background: -moz-linear-gradient(top, #000000 0%, #0b0b0b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#0b0b0b));
background: -webkit-linear-gradient(top, #000000 0%,#0b0b0b 100%);
background: -o-linear-gradient(top, #000000 0%,#0b0b0b 100%);
background: -ms-linear-gradient(top, #000000 0%,#0b0b0b 100%);
background: linear-gradient(top, #000000 0%,#0b0b0b 100%);
-o-box-shadow: inset 0 1px 2px #000000,  1px 1px 1px rgba(255, 255, 255, 0.1);
-webkit-box-shadow: inset 0 1px 2px #000000,  1px 1px 1px rgba(255, 255, 255, 0.1);
-moz-box-shadow: inset 0 1px 2px #000000, 1px 1px 1px rgba(255, 255, 255, 0.1);
-ms-box-shadow: inset 0 1px 2px #000000, 1px 1px 1px rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 2px #000000,  1px 1px 1px rgba(255, 255, 255, 0.1);}

.pic3d-dark:hover{
border-color: #0b0b0b; color: #ffffff; text-shadow: none;
background: #0b0b0b;
background: -moz-linear-gradient(top, #0b0b0b 0%, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b0b0b), color-stop(100%,#000000));
background: -webkit-linear-gradient(top, #0b0b0b 0%,#000000 100%);
background: -o-linear-gradient(top, #0b0b0b 0%,#000000 100%);
background: -ms-linear-gradient(top, #0b0b0b 0%,#000000 100%);
background: linear-gradient(top, #0b0b0b 0%,#000000 100%);
-o-box-shadow: inset 0 1px 2px #1F1F1F,  0 2px 2px #202020;
-webkit-box-shadow: inset 0 1px 2px #1F1F1F,  0 2px 2px #202020;
-moz-box-shadow: inset 0 1px 2px #1F1F1F,  0 2px 2px #202020;
-ms-box-shadow: inset 0 1px 2px #1F1F1F,  0 2px 2px #202020;
box-shadow: inset 0 1px 2px #202020,  0 2px 2px #202020;
opacity:0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);	}
.pic-round-shadow{-moz-border-radius:5px;-moz-box-shadow:1px 1px 5px #AEA290;-ms-border-radius:5px;-ms-box-shadow:1px 1px 7px #AEA290;-o-border-radius:5px;-o-box-shadow:1px 1px 7px #AEA290;-webkit-border-radius:5px;-webkit-box-shadow:1px 1px 7px #AEA290;background:#FFFFFF;border: 1px solid #C7C7C7 !important;border-radius:5px;box-shadow:1px 1px 7px #AEA290;padding:5px;}
.pic-inset{-khtml-box-shadow:inset 1px 1px 3px #AEA290;-moz-box-shadow:inset 1px 1px 3px #AEA290;-o-box-shadow:inset 1px 1px 3px #AEA290;-webkit-box-shadow:inset 1px 1px 3px #AEA290;background:#FFF;border: 1px solid #C7C7C7 !important;box-shadow:inset 1px 1px 3px #AEA290;padding:5px;}
.pic-shadow{-moz-box-shadow:1px 1px 7px #AEA290;-ms-box-shadow:1px 1px 7px #AEA290;-o-box-shadow:1px 1px 7px #AEA290;-webkit-box-shadow:1px 1px 7px #AEA290;background:#FFF;border: 1px solid #C7C7C7 !important;box-shadow:1px 1px 7px #AEA290;padding:5px;}
.pic-round,.pic-round:hover,.pic-round-shadow,.pic-round-shadow:hover,.pic-shadow,.pic-shadow:hover,.pic-inset,.pic-inset:hover,.pic-polarid,.pic-polarid:hover,.pic-border,.pic-border:hover{
  opacity:1;
  z-index:10;}
.pic-round:hover,.pic-round-shadow:hover,.pic-shadow:hover,.pic-round:hover,.pic-polarid:hover,.pic-border:hover{
  -moz-box-shadow:1px 1px 5px #E67F1A;
  -o-box-shadow:1px 1px 5px #E67F1A;
  -ms-box-shadow:1px 1px 5px #E67F1A;
  -webkit-box-shadow:1px 1px 5px #E67F1A;
  box-shadow:1px 1px 5px #E67F1A;
  border: 1px solid #B76515 !important;
  opacity:0.7;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);}
.pic-inset:hover{border: 1px solid #B76515 !important;
  -moz-box-shadow:inset 1px 1px 5px #E67F1A;
  -webkit-box-shadow:inset 1px 1px 5px #E67F1A;
  -ms-box-shadow:inset 1px 1px 5px #E67F1A;
  -o-box-shadow:inset 1px 1px 5px #E67F1A;
  box-shadow:inset 1px 1px 5px #E67F1A;
  opacity:0.7;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);}
/*end of image styling*/

/*content styling*/
.contentheading{font-size:24px;font-style:normal;font-weight:normal;margin:0.2em 0;padding:0;text-decoration:none;}
.componentheading{background:url('https://lh3.googleusercontent.com/-xK2CtjcFRYg/T8rNLxrCJ7I/AAAAAAAAAyo/qMm6jv7KYjA/s12/dot.png') repeat-x scroll 0 100% transparent;font-size:24px;height:30px;line-height:40px;margin:0 13px 10px 18px;padding:9px 1px 13px;white-space:nowrap;}
h2.postheader,.post h2.postheader,h1.componentheading{background:url('https://lh3.googleusercontent.com/-xK2CtjcFRYg/T8rNLxrCJ7I/AAAAAAAAAyo/qMm6jv7KYjA/s12/dot.png') repeat-x scroll center bottom transparent;padding-bottom: 10px !important;}

/*pre formatted text*/
pre{color:#98A2AB;display:block;font-size:100%;line-height:1.69em;margin:-7px 0 4px;padding:8px 0 5px 5px;text-align:left;text-shadow:none;white-space:pre-wrap;}


/*testimonial/spotlight*/
div.testimonial p{padding:10px 0 10px 30px}
div.testimonial p,div.spotlight p{background:none;color:#808080;font-size:150%;line-height:1.5em;text-align:left;}
span.testimonial-jobtitle{float:right;font-size:90%;font-style:normal;margin-top:0;}
blockquote span.testimonial-jobtitle {margin-top: 0;}
div.spotlight p{color:#404040}
.tagline{width:70%;  padding-bottom: 15px !important;  display:inline-block}
.tagline strong{font-weight: normal}
#twitter_update_list li{text-shadow:1px 1px 0 #D9D9D9}

/* begin top section */
/*-----------------------------------------*/
.top-section{display:none;font-size:13px;height:40px;margin-bottom:10px;padding:1em 7px 0; width: 99%;}
.top-section.open {display: block !important}
.top-section .inner{margin: 0 auto;width: 1000px;}
.top-section p{width: 380px; float: left; padding: 5px 0;text-align: left}
.top-section a, .top-section a:hover, .top-input{text-decoration: none;}
.top-section form{float: right; margin-top: -4px !important}
#news_mail{min-height: 24px !important;}
.top-input{min-height: 17px; margin: 3px 5px 3px 0;  }
#top-password{letter-spacing: 1px}
#submit_button{margin-top: 1px; min-height: 25px }
.icon-showcase{padding: 20px 0}
.csbutton-dark.submit {margin-top: 3px;}
.show-top.cancel{float:right;font-size:11px;height:12px;margin-left:8px;margin-top:0px;padding:6px 8px; }
#username_label, #password_label {margin-right: 12px; display: inline-block !important;   float: none !important;}
/* end top section */

/*begin top links*/
.top-main{top: 5px; height: 30px; left: 0; position: absolute; right: 0; z-index: 100; }
.top-overlay{display: block; margin: 0 auto;  width: 1000px;}
#top-date, .top-links, .top-contact{display: block; width: auto; height: 20px; text-shadow: none;}
.top-links{padding: 3px 0}
#top-date{float: left; font-size: 14px; padding: 5px 0; }
.top-links, .top-contact{float: right; vertical-align: middle; z-index: 1001;}
/* end top links */

/* begin Logo */
.top-logo{display:block;height:auto;margin:0 auto;position:relative;width:992px;}
div.logo-img{background:no-repeat;display:inline-block;height:auto;left:25px;opacity:1;position:absolute;top:15px;width:140px;z-index:1001;}
.show-text{padding-top:4px}
/* end logo */

/*begin component*/
.post{padding:0 6px;}
.componentheading strong,h2.postheader strong,.blockheader .t strong, .blockcontent h3 strong, .postcontent h3 strong, .th .title{color:#808080;  font-weight:normal}
footer .blockheader .t strong{color:#FFFFFF;}
.showcase-title{padding-top: 20px;}
.show-title strong {font-weight: normal;}
.post-date{ font-size:11px}
.post li a:hover,.page-navigate a,.actions a,.reply,span.join_now a:hover,span.follow a:hover,span.breadcrumbs a:hover,.top-button a:hover,.splitter ul li.segment-0 a:hover,.splitter ul li.segment-1 a:hover,.splitter ul li.segment-2 a:hover{text-decoration:none}
.blockheader{height:34px}
.product .blockheader { height: auto;}
.footer-row .blockheader {height: 40px}
.blockcontent-body .t{ line-height: 150%;  font-size: 150%  }
.blockheader .dark-t{color:#5F5F5F}
.colorblock-body .block, .feature-body .block{ float:left;}
.colorblock-body,.footer,.footer p,.footer a,.footer a:link,.footer a:visited,.footer a:hover{text-shadow:none}
.postblock {border-right: 1px dotted #808080; float: left; width: 46%; margin-right: 20px; margin-bottom: 20px; padding-right: 20px;}
.block-divide{background: url("../../images/body/block-div.png") repeat-y  100% 0 transparent;}
.half-block{float: left; width: 46%;}
.block-divide.half-block{float: left; width: 46%; margin-right: 20px; padding-right: 20px; padding-bottom: 20px}
.layout-cell .blockcontent-body ul li a {background: url("https://lh5.googleusercontent.com/-kMk9WALlSg4/T7380YzU9iI/AAAAAAAAAak/xLf73RC3tlw/s4/block-div-h.png") repeat-x scroll 0 100% transparent;    display: block;    margin: 0 8px 5px 0 !important;    padding: 0px 7px 8px 0px !important;}

.footer-row,.gallery,.columns{ vertical-align:top;  padding:2px}
.footer-row .block{margin:0 30px 0 0;  float:left;}
.blockcontent-body .block{margin: 0 8px 0; }

.footer-overlay-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
	background: -moz-linear-gradient(left, rgba(0,0,0,0.15) 0%, rgba(255,255,255,0.1) 50%, rgba(0,0,0,0.15) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.15)), color-stop(50%,rgba(255,255,255,0.1)), color-stop(100%,rgba(0,0,0,0.15)));
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.15) 0%,rgba(255,255,255,0.1) 50%,rgba(0,0,0,0.15) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,0.15) 0%,rgba(255,255,255,0.1) 50%,rgba(0,0,0,0.15) 100%);
	background: -ms-linear-gradient(left, rgba(0,0,0,0.15) 0%,rgba(255,255,255,0.1) 50%,rgba(0,0,0,0.15) 100%);
	background: linear-gradient(left, rgba(0,0,0,0.15) 0%,rgba(255,255,255,0.1) 50%,rgba(0,0,0,0.15) 100%);
    bottom: 0;    height: 45px;    left: 0;    position: absolute;    right: 0;}
/*end feature*/

/* begin showcase header */
.logo{display:block;  position:absolute;  left:38px;  top:40px;  width:530px}
.logo p,.slide p{font-size:110%}
h1.show-title,h1.contact, .show-title{  display:block;  text-align:left;}
h1.show-title,h1.show-title a,h1.show-title a:link,h1.show-title a:visited,h1.show-title a:hover,h1.contact, .show-title{  font-size:35px;  text-decoration:none;  padding-bottom:15px;  margin:0;
  height:auto;  text-shadow: 0 1px 3px #000000;}
.show-text{ display:block;  text-align:left}
.show-text,.show-text a{font-size:13px;  padding:0;  margin:0}
div.showcase-msg{ line-height:1.5em;  text-shadow:none}
.spacer{ margin:0 7px 0 5px}
aside.sidebar2 {padding-left: 10px}

/*article*/
.sidebar1 .block {margin: 15px 25px 15px 22px;}
.page-navigate .next,.actions .next,textarea{float:right}
.post h2.postheader, .post h2.postheader a, .post h2.postheader a:link, .post h2.postheader a:visited, .post h2.postheader a.visited, .post h2.postheader a:hover, .post h2.postheader a.hovered {margin: 9px 1px}

.page-navigate,.actions{
    display: block;
    height: 18px;
    margin: 10px 0 25px 14px;
    padding: 3px 11px;
    width: 93%;
}

.page-navigate,.page-navigate .previous,.actions .prev{float:left}
.actions a,#follow a,#breadcrumbs a{ cursor:pointer}
.blockcontent-body article{display: block; margin-bottom: 10px}

.cards img, .customers img{float: left; padding: 30px 13px;}
.cards img{padding: 10px 7px;}
.customers img:hover{opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);}
/*blog*/
.blog-pic {float: left; margin: 4px 10px 6px 0 !important; width: 80px; height: 80px; }
.blog.postcontent{float: left; display: block; width: 86%; background:url("../../images/body/block-div.png") repeat-y scroll left top transparent; padding-left: 20px}
.blog-author, .comment-post-admin{
  display:inline-block;
  margin:20px 10px 10px 10px;
  padding-left:10px;
  border-style:solid;
  color: #808080;
  text-shadow: 1px 1px 1px #FFFFFF;
  background: #EFEFEF;
  background: -moz-linear-gradient(top, #F5F5F5 0%, #e5e5e5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F5F5F5), color-stop(100%, #e5e5e5));
  background: -webkit-linear-gradient(top, #F5F5F5 0%, #e5e5e5 100%);
  background: -o-linear-gradient(top, #F5F5F5 0%, #e5e5e5 100%);
  background: -ms-linear-gradient(top, #F5F5F5 0%, #e5e5e5 100%);
  background: linear-gradient(top, #F5F5F5 0%, #e5e5e5 100%);
  -pie-background: linear-gradient(#F5F5F5, #e5e5e5);
   border-width: 1px !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
	-moz-box-shadow: 0 1px 1px #FFFFFF inset, 0 0 1px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 1px #FFFFFF inset, 0 0 1px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 1px 1px #FFFFFF inset, 0 0 1px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 1px 1px #FFFFFF inset, 0 0 1px rgba(0, 0, 0, 0.5);
  -khtml-box-shadow: 0 1px 1px #FFFFFF inset, 0 0 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 1px #FFFFFF inset, 0 0 1px rgba(0, 0, 0, 0.5);
}

.blog-share{
  display: block !important
}

.share-fb,.share-tweet,.share-google{
  float:left;
  margin:2px
}

.blog-author p{
  padding:10px
}

.blog-author img{
  float:left;
  margin:15px;
}

.blog-comments .t, .respond .t,#related-posts .t{
  display:block;
  font-size:25px;
  margin:0.2em 0;
  padding-bottom:10px;
  height:30px;
  background: url("https://lh3.googleusercontent.com/-xK2CtjcFRYg/T8rNLxrCJ7I/AAAAAAAAAyo/qMm6jv7KYjA/s12/dot.png") repeat-x scroll 0 100% transparent
}

.respond .t,#related-posts .t{
  display:block;
  font-size:25px;
  margin:0.2em 0;
  padding:0;
  padding-bottom:7px;
  height:30px
}

.respond .submit-action,.submit-action{
  clear:both;
  float:right;
  margin-top:10px;
  position:relative
}

.blog-comments ol.comments{
  list-style:none outside none
}

.comment-post p,.comment-post-admin p,header,section,footer,aside,nav,article,figure,.image-grid li img,.image-grid li strong{
  display:block
}
.comment-post-admin .gravatar{border: none !important}
.comment-post,.comment-post-admin{
  display:inline-block;
  margin-bottom: 20px !important;

}

.reply-post .comment-post {margin-bottom: 4px !important}

.reply-post .comment-post-admin{
  padding-top: 15px !important;
  padding-bottom:10px;
}

.reply-post .comment-post-admin{
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  -khtml-border-radius:5px;
  border-radius:5px;
  border-width:1px;
  border-style:solid;
}

.reply-post .comment-post{
  border-bottom:0;
  overflow: visible
}

.comment-post .avatar,.comment-post-admin .avatar{
  width:20%;
  float:left;
  margin-right:5px;
  position:relative
}

.comment-post .gravatar{border:4px solid #A8A8A8; }
.comment-post .gravatar.admin{ border: none;}
.user-comment{ display:block;  float:left;  margin-right: 0 !important;  position:relative;  width:84%}
.comment-post .response{  display:inline-block;  float:right;  height:30px;  padding:3px 10px}
.user-comment .author-name{  font-weight:normal;  float:left;  margin-right:20px}
.img_caption{  text-align:center}
.header-content{  display:inline-block;    left: 43px;    position: absolute;    text-shadow: none;    top: 120px;    width: 920px;}

/*end showcase header*/
/*general overlays for showcase*/

.slide-area{
  position:absolute;
  top:0;
  left:0;
  width:998px;
  height:480px;
  overflow:hidden;
  margin-top:0
}

.slide-area-nivo{
  position:absolute;
  top:0;
  left:0;
  width:998px;
  height:50px;
  overflow:hidden;
  margin-top:0;
  z-index:100
}

.slide-area-bottom{
  position:absolute;
  top:351px;
  left:7px;
  width:998px;
  height:60px;
  overflow:hidden;
  background-repeat:no-repeat;
  background-position:bottom center
}

div.showcase-overlay-top{
  width:998px;
  height:54px;
  margin-top:1px;
}

.blockcontent-body a{
  margin-left: 0 !important
}
/*end general overlays*/

/*begin breadcrumbs*/
#follow,#breadcrumbs{
  margin:5px auto;
  width: 1000px;
  display:block;
  position:relative;
  overflow:visible;
  height:0;
  color: #FFFFFF;
  left: -9px;
  z-index: 100;
}

#breadcrumbs.home{
  margin:0 -10px
}

#follow h3,#breadcrumbs h3,.nivo-html-caption{
  display:none
}

span.follow,span.breadcrumbs{
  display:inline-block;
  font-size:100%;
  font-weight:normal;
  overflow:hidden
}

span.follow img,span.breadcrumbs img{
  width:12px;
  height:33px;
  float:left
}

span.follow a,span.no-link,span.breadcrumbs a{
  padding:0 20px 0 10px;
  float:left;
  display:inline-block;
  height:33px;
  line-height:33px
}

span.follow span.no-link{
  font-weight:normal
}

.twit-logo{
    background: url("https://lh6.googleusercontent.com/-1_-2NBy8HGA/T7i2ZpCmEuI/AAAAAAAAAZQ/xjghevFLmTI/s41/icon_twitter.png") no-repeat scroll 80% 0 transparent;
    display: block;
    float: left;
    height: 50px;
    margin-top: -4px;
    width: 50px;
	}

.twit-feed, .tweeter_widget{ 
    float: left;
	font-family: georgia;
    font-size: 120%;
    font-style: italic;
    margin-top: -30px;
    padding: 8px 20px;
	width: 90%;
	}
	
.tweeter_widget .loading {margin-top: 9px; line-height: 50px;}
.twit-feed a:hover, .tweeter_widget a:hover{color: #FFFFFF}
#twitter_update_list li{
  list-style:none;
  padding:8px 6px
}
/*end follow*/

/*spotlight*/
.spot-bg{
padding: 0 10px;
display: block;
margin: 0 auto -42px;
width: 978px;
-moz-border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
-ms-border-radius: 3px 3px 0 0;
-o-border-radius: 3px 3px 0 0;border-radius: 3px 3px 0 0;
border-bottom: 1px solid #FEFEFE;
-moz-box-shadow: 0 -2px 3px #C2C2C2 inset;
-webkit-box-shadow: 0 -2px 3px #C2C2C2 inset;
-ms-box-shadow: 0 -2px 3px #C2C2C2 inset;
-o-box-shadow: 0 -2px 3px #C2C2C2 inset;
box-shadow: 0 -2px 3px #C2C2C2 inset;
}
.spot-bg a{border-bottom:1px dotted #205A79}
.spot-bg.child{height:0}
.spotlight{display: block;margin: 0 -10px -10px;}
.spotlight.no-style{background: none; border: none; width: 950px}
.spotlight .action{   float: right;    height: 54px;    margin: 10px 29px;    width: auto;}
.tagline {display: inline-block;    padding-bottom: 15px !important;    width: 70%;}
div.spotlight p { padding: 30px 0 25px 26px !important;}
div.spotlight.no-style p{padding: 30px 0 25px 9px !important}
div.spotlight p {background: none repeat scroll 0 0 transparent;    font-size: 150%;    line-height: 1.5em;    text-align: left;}
div.testimonial p{font-size: 120%}
.slogan{border-left-style: solid; border-left-width: 5px}
.slogan p{font-size: 250%; padding: 25px 0 0 15px; height: 50px;  background: url('../../images/slogan_emp.png') no-repeat scroll 94% 95% transparent}
/*end spotlight*/

.page-footer,.footer-text,.page-footer a,.page-footer a:link,.page-footer a:visited,.page-footer a:hover{
  margin:0 auto;
  font-size:14px;
  text-decoration:none;
}

.footer-text,.footer-text p{
    margin: 10px 0 0;
}

.footer .blockcontent h3{margin: 4px 0 0 !important}
.footer .blockheader .t{margin-top: 10px;}
.footer-body {padding: 20px !important}

/*display switch*/
ul.display {	float: left;	width: auto;	margin: 0;	padding: 0;	list-style: none;	}
ul.display li {float: left;width: 100%;padding: 15px 0;background: url("https://lh5.googleusercontent.com/-kMk9WALlSg4/T7380YzU9iI/AAAAAAAAAak/xLf73RC3tlw/s4/block-div-h.png") repeat-x scroll 0 100% transparent; transition:all 0.3s linear;}
ul.display li a {text-decoration: none;}
ul.display li .content_block {	padding: 0 2px;}
ul.display li .content_block h3 {	margin: 0;	padding: 0;	font-weight: normal;	background: url("../../images/widget/rate.png") no-repeat scroll 100% 50% transparent;}
ul.display li .content_block p {	margin: 0;	padding: 5px 5px 5px 225px;}
ul.display li .content_block a img{	padding: 5px;	margin: 11px 15px 0 0;	float: left;}

ul.thumb_view li{	width: 210px;}
ul.thumb_view li h3 {    display: inline-block;    width: 197px;}
ul.thumb_view li h3  a{    font-size: 68% !important}
ul.thumb_view li p{	display: none;}
ul.thumb_view li .content_block a img {	margin: 0 10px 10px 0; width: 185px; height:185px }
.switch{    display: inline-block;    height: 16px;    margin: -2px 5px -3px;    position: relative;    width: 36px;}
a.switch_thumb{float: right;height: 16px;	line-height: 16px;	padding: 5px 6px 5px 10px;	margin: 0 0 10px;	display: inline-block;	outline: none;}
a.switch_thumb .switch{background: url(https://lh4.googleusercontent.com/-3chj51AzmXc/T6_Ds4WIbKI/AAAAAAAAAFM/DcWVO3auJd8/s36/switch.png) no-repeat;	}
a:hover.switch_thumb {filter:alpha(opacity=75);	opacity:.75;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";}
a.swap .switch{ background-position: 0 -16px; }

/*block columns*/
.column-row.column-1 .block,.column-row.column-2 .block,.column-row.column-3 .block,.column-row.column-4 .block{display:inline-block;  margin:8px 14px 0 0;  float: left;}
.column-row.column-5 .block,.column-row.column-6 .block{  display:inline-block;  margin:9px 6px 0;  float: left}
.column-row.column-2 .block{ width:47%}
.column-row.column-3 .block,.one-third{ width:31%}
.block.two-third{width: 64% !important}
.block.three-fourth{width: 72% !important}
.column-row.column-4 .block{ width:23%}
.column-row.column-5 .block{ width:18%}
.column-row.column-6 .block{ width:15%}

.icon-showcase{margin:10px}
.icon-showcase span{margin:0 20px 10px 0}
.icon-showcase-icons{display:block;  margin-bottom:45px}

/*variants*/
/*ui elements*/
.blockheader .t{padding-top: 4px;}

/*end variants*/

/* input */

/*search*/
.search{color: #FFFFFF;margin: 6px 0 !important;}

/*input and fieldset */
input, textarea{-khtml-box-shadow:inset 0 0 5px #C0C0C0,1px 1px 1px #FFFFFF;-moz-box-shadow:inset 0 0 5px #C0C0C0,1px 1px 1px #FFFFFF;-ms-box-shadow:inset 0 0 5px #C0C0C0,1px 1px 1px #FFFFFF;-o-box-shadow:inset 0 0 5px #C0C0C0,1px 1px 1px #FFFFFF;-webkit-box-shadow:inset 0 0 12px #C0C0C0,1px 1px 1px #FFFFFF;border:1px solid #CCCCCC;box-shadow:inset 0 0 5px #C0C0C0,1px 1px 1px #FFFFFF;color:#939393; min-height:24px;  line-height: 1.5em;  margin:0 0 3px;  border-width: 0 1px 0 4px;  border-style: solid;  border-color: #CCCCCC;  padding:3px 13px;   -moz-border-radius:0 4px 4px 0;  -ms-border-radius:0 4px 4px 0;  -webkit-border-radius:0 4px 4px 0;  -o-border-radius:0 4px 4px 0;  border-radius:0 4px 4px 0;  background-color:#FFFFFF;}
input:focus,textarea:focus{-moz-box-shadow:inset 0 0 1px #C0C0C0,1px 1px 1px #FFFFFF; -ms-box-shadow:inset 0 0 1px #C0C0C0,1px 1px 1px #FFFFFF;-o-box-shadow:inset 0 0 1px #C0C0C0,1px 1px 1px #FFFFFF; -webkit-box-shadow:inset 0 0 1px #C0C0C0,1px 1px 1px #FFFFFF; box-shadow:inset 0 0 1px #C0C0C0,1px 1px 1px #FFFFFF; border-left-width: 1px; }
.top-input:focus{-moz-box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; -khtml-box-shadow: none; box-shadow: none; }
.opera fieldset{border: none !important}
.form-subscr-field textarea{height:150px;}
#search_box{background:url("https://lh3.googleusercontent.com/-wMB9DTFqSVg/T7X9BE-MxHI/AAAAAAAAAY4/2Ixcp65zz1c/s16/search.png") no-repeat scroll 95% center #FFFFFF; padding: 5px 10px}
#search_box:focus{background-position: 110% center; background-color: #FEFEFE; }
input:focus, textarea:focus{  outline:none}
select{ float:right;  width:163px;  height:25px}
.form-subscr-field{ display:block;  float:left;  height:auto;  margin:3px 0 !important;  padding:5px 0;  text-shadow:none;  vertical-align:middle;  width:100%}
 .form-subscr-field input,  .form-subscr-field textarea{ width:95%;  margin-left:0;  float:left; }
#news_message{ line-height:220%;  margin-bottom:0;  text-shadow:none}
#news_message h3{ font-size: 20px;  margin:10px 0}
#news_message p,#message p{ line-height:1.5em;  margin-right:110px}
#message p{margin-right: 140px}
#message{ line-height:220%;  margin-bottom:30px;  text-shadow:none}
#checkmark{ float:right;  margin-top:-105px}
#mailsent{ float:right;  margin-top:-70px}
#message h3{  color:inherit;  margin:10px 0}

.tooltip {display:none;width:auto;height:auto;position:absolute;padding:4px 8px;color:#FFFFFF;	font-size:12px;border: 1px solid #202020;border-top: 1px solid #5B5B5B;
background: #353535;
background: -moz-linear-gradient(top,  #353535 0%, #131313 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#353535), color-stop(100%,#131313));
background: -webkit-linear-gradient(top,  #353535 0%,#131313 100%);
background: -o-linear-gradient(top,  #353535 0%,#131313 100%);
background: -ms-linear-gradient(top,  #353535 0%,#131313 100%);
background: linear-gradient(top,  #353535 0%,#131313 100%);
-pie-background: linear-gradient(#353535, #131313);}

label.error-tip{  float:right;  position:absolute;  right:3px;  display:block;  margin-top:-8px !important; padding: 2px 12px 7px}
label.error-tip:after{content: "";  display:block; width:0; height:0; border-width:10px; border-style: solid; position:absolute; bottom:-20px; left:60px;}
label.error{  font-weight:normal;  text-align:left;  width:auto; }
sub{  font-size:70%}

.slide-object iframe, .slide-object video{margin-top: 3px;background-color: #121212;border: 7px solid #404040; -webkit-box-shadow: 0 0 20px rgba(0,0,0, 0.6); -moz-box-shadow: 0 0 20px rgba(0,0,0, 0.6); -ms-box-shadow: 0 0 20px rgba(0,0,0, 0.6); -o-box-shadow: 0 0 20px rgba(0,0,0, 0.6); box-shadow: 0 0 20px rgba(0,0,0, 0.6);}
 .gallery video{margin-top: 3px;background-color: #121212;border: 7px solid #404040;}
 
/*begin popup overlay*/
.apple_overlay{display:none;  width:640px;  padding:35px;  font-size:12px;  background-image: url('../../images/overlay/transparent.png'); left: pos.left; top: pos.top}
.apple_overlay .details{text-shadow:none;  color:#FFFFFF;  margin-top: 10px; line-height: 1.5em}
.apple_overlay img{ border: 1px solid #202020;}
.apple_overlay .close{background-image:url(../../images/overlay/close.png);  position:absolute;  top:5px;  cursor:pointer;  height:35px;  width:35px;  left: 10px}
#overlay{color:#909090;  height:420px}
div.contentWrap{height:441px; padding:13px;  overflow-y:auto}
#triggers{margin-top:10px;  text-align:center}
#triggers img{background-color:#fff;  padding:2px;  border:1px solid #ccc;  margin:2px 5px;  cursor:pointer;}
/*end pop-up element*/

.demo p,.demo ul,ol.faq{
  margin-right:0
}

#image_wrap{  width:300px;  margin:15px 0 15px 40px;  padding:15px 0;  text-align:center;  -moz-ouline-radius:4px;  -webkit-outline-radius:4px}
.disabled{ visibility:hidden}
.scrollable .items {margin-left: -2px;}
.scrollable img{ float:left;  margin:10px 5px 20px 5px;  padding:2px;  width:72px;  height:72px;   cursor:pointer}

.scrollable .active{ position:relative;  cursor:default}
.widget-pos, .widget-pos-bottom{ display:block;  overflow:hidden}
.widget-pos-bottom{padding: 10px;}
.widget-pos .block, .widget-pos-bottom .block{ float:left;  margin:10px}
  
/*twitter*/
.tweet,.query {	font: 120% Georgia, serif;	color: #404040;}
.tweet_list {list-style: none;margin: 0;padding: 0;overflow-y: hidden;background-color: transparent;}
.layout-cell .blockcontent-body ul.tweet_list  li a {background: none;  padding: 0 !important;  margin: 0 !important;display: inline;}
.tweet_list .awesome,.tweet_list .epic {text-transform: uppercase;}
ul.tweet_list li{overflow-y: hidden;overflow-x: hidden;padding: 0.5em !important;height: 55px;line-height:55px;vertical-align: middle}
.tweet_list li a {color: inherit;}
.layout-cell .blockcontent-body ul.tweet_list li a.tweet_avatar{padding: 3px !important; }
.tweet_list a.tweet_avatar {padding-right: .5em !important; float: left;}
.tweet_list .tweet_avatar img {vertical-align: middle;}

/*showhide widget*/
.showhide{margin: 20px 0 10px !important;  padding: 0}
.showhide li{  margin: 15px 0;   padding: 0.25em 1em !important;}
.showhide li .title{  cursor: pointer;    margin: 0;    padding: 5px 35px 8px;	background: url(http://demo.arrowthemes.com/html/beulah/css/light/../../images/widget/expand.png) 0 3px no-repeat scroll;}
.showhide li section { background: url(http://demo.arrowthemes.com/html/beulah/images/body/note.png) repeat-y scroll 0 0 transparent;
-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px; -webkit-box-shadow: 0 0 3px #808080 inset, 0 0 1px #FFFFFF;
 -moz-box-shadow: 0 0 3px #808080 inset, 0 0 1px #FFFFFF; -ms-box-shadow: 0 0 3px #808080 inset, 0 0 1px #FFFFFF; -o-box-shadow: 0 0 3px #808080 inset, 0 0 1px #FFFFFF; box-shadow: 0 0 3px #808080 inset, 0 0 1px #FFFFFF;display: none;margin: 10px 13px 10px 45px;padding: 21px 45px 14px;}
 .showhide li span.grip{background:url(http://demo.arrowthemes.com/html/beulah/images/body/dot.png) repeat scroll 0 0 transparent;display:block;float:right;height:25px;position:relative;top:2px;width:15px;cursor:move}
.showhide li section p{line-height: 1.65em; text-shadow: none}
.showhide li.open section{display: block;}
.showhide li{padding:5px 10px;  border-width:1px;  border-style:solid;}

/*map*/
#map { background-color: #B6B6B6;    bottom: -20px;    height: 676px;    width: 100%;	margin-bottom: -20px;	top: 0;}
.map-shadow {    background: url("../../images/gmap/t_shadow_small.png") repeat-y scroll 0 0 transparent;    display: inline-block;    height: 676px;    position: absolute;    width: 18px;	top:0}

/*tabs*/

/* root element for tabs  */
ul.css-tabs {margin:0 !important; padding:0;	height:40px;}
ul.css-tabs li {float:left;	padding:0; margin:0;  list-style-type:none;}
ul.css-tabs a { float:left;	display:block;	padding:5px 18px 8px;	text-decoration:none;	height:23px; margin-right:2px; position:relative; top:2px;	outline: 0;
-webkit-box-shadow:inset 0 1px 2px #FFFFFF;
-moz-box-shadow:inset 0 1px 2px #FFFFFF;
-ms-box-shadow:inset 0 1px 2px #FFFFFF;
-o-box-shadow:inset 0 1px 2px #FFFFFF;
box-shadow:inset 0 1px 2px #FFFFFF;
}

ul.css-tabs a:hover {background-color:#F7F7F7; color:#333;}
ul.css-tabs a.current {	background-color:#DDDDDD;	color:#000000; cursor:default;  margin: -3px 3px;  padding: 6px 18px 13px;}

/* tab pane */
.css-panes div {display:none; border-width:0 1px 1px 1px; min-height:150px; padding:15px 20px; background-color:#DDDDDD; position:absolute; margin-right: 25px}
#panes, #panes-top, #panes-bottom{margin-top: -2px; min-height:400px; display: block;}
#panes-bottom{margin-bottom: -23px; bottom: 0}
#panes-top div {width:88%}
#nav1{height: 42px; padding-top: 5px;}
#nav1 ul li{padding: 3px 0 0;}

/* colors: white-top-tabs */
ul.white-top a {border:1px solid #C7C7C7; border-bottom:0; background-color:#efefef; margin: 0 3px; color:#202020 !important; font-size: 130%;
-moz-border-radius:4px 4px 0 0;
-webkit-border-radius:4px 4px 0 0;
-ms-border-radius:4px 4px 0 0;
-o-border-radius:4px 4px 0 0;
border-radius:4px 4px 0 0;
}

ul.white-top a, #accordion h2, #accordion2 h2{
background: #f2f2f2;
background: -moz-linear-gradient(top,  #dadada 0%, #f2f2f2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dadada), color-stop(100%,#f2f2f2));
background: -webkit-linear-gradient(top,  #dadada 0%,#f2f2f2 100%);
background: -o-linear-gradient(top,  #dadada 0%,#f2f2f2 100%);
background: -ms-linear-gradient(top,  #dadada 0%,#f2f2f2 100%);
background: linear-gradient(top,  #dadada 0%,#f2f2f2 100%);
-pie-background:linear-gradient(#dadada,#f2f2f2);
}

.showhide li, ul.white-top a, ul.white-top a.current, .event-time, .block-number, .pic3d {
-o-box-shadow: inset 0 1px 2px #FFFFFF,0 0 3px #BABABA;
-webkit-box-shadow: inset 0 1px 2px #FFFFFF,0 0 3px #BABABA;
-moz-box-shadow: inset 0 1px 2px #FFFFFF,0 0 3px #BABABA;
-ms-box-shadow: inset 0 1px 2px #FFFFFF,0 0 3px #BABABA;
box-shadow: inset 0 1px 2px #FFFFFF,0 0 3px #BABABA;}

/* mouseover state */
ul.white-top a:hover {
background: #dedede;
background: -moz-linear-gradient(top,  #dedede 0%, #f7f7f7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(100%,#f7f7f7));
background: -webkit-linear-gradient(top,  #dedede 0%,#f7f7f7 100%);
background: -o-linear-gradient(top,  #dedede 0%,#f7f7f7 100%);
background: -ms-linear-gradient(top,  #dedede 0%,#f7f7f7 100%);
background: linear-gradient(top,  #dedede 0%,#f7f7f7 100%);
-pie-background:linear-gradient(#dedede,#f7f7f7);
-o-box-shadow:inset 0 1px 2px #FFFFFF,0 0 3px #E07A1E;
-webkit-box-shadow:inset 0 1px 2px #FFFFFF,0 0 3px #E07A1E;
-moz-box-shadow:inset 0 1px 2px #FFFFFF,0 0 3px #E07A1E;
-ms-box-shadow:inset 0 1px 2px #FFFFFF,0 0 3px #E07A1E;
box-shadow:inset 0 1px 2px #FFFFFF,0 0 3px #E07A1E;
border-color: #E99A53;
}
	
/* active tab */
ul.white-top a.current {
background: #e5e5e5;
background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 80%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(80%,#ffffff));
background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 80%);
background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 80%);
background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 80%);
background: linear-gradient(top,  #e5e5e5 0%,#ffffff 80%);
-pie-background:linear-gradient(#e5e5e5,#ffffff);
border: 1px solid #FFFFFF;
z-index: 1;
}
	
/* tab pane with background gradient */
div.white-top div{
/*min-height:200px;*/
border-width:1px;
border-style:solid;
margin-top: 0;
padding-top: 25px;
padding-bottom: 20px;
-moz-box-shadow:0 1px 2px #FFFFFF inset, 0 0 3px #BABABA, 0 4px 3px #BABABA;
-webkit-box-shadow:0 1px 2px #FFFFFF inset, 0 0 3px #BABABA, 0 4px 3px #BABABA;
-o-box-shadow:0 1px 2px #FFFFFF inset, 0 0 3px #BABABA, 0 4px 3px #BABABA;
-ms-box-shadow:0 1px 2px #FFFFFF inset, 0 0 3px #BABABA, 0 4px 3px #BABABA;
box-shadow:0 1px 2px #FFFFFF inset, 0 0 3px #BABABA, 0 4px 3px #BABABA;
border-color: #FFFFFF;
text-shadow:1px 1px 1px #FFFFFF;
float: left
}

/* panes */
#panes-bottom {border-color:#ccc; border-style:solid; border-width:1px 1px 0; height:215px; margin-bottom:0; padding-bottom:20px; position:relative;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius:4px 4px 0 0;
-ms-border-radius:4px 4px 0 0;
-o-border-radius:4px 4px 0 0;
border-radius:4px 4px 0 0;
}

#panes-bottom, #nav2{
-o-box-shadow:inset 0 2px 2px #FFFFFF,0 2px 3px #BABABA;
-webkit-box-shadow:inset 0 2px 2px #FFFFFF,0 2px 3px #BABABA;
-moz-box-shadow:inset 0 2px 2px #FFFFFF,0 2px 3px #BABABA;
-ms-box-shadow:inset 0 2px 2px #FFFFFF,0 2px 3px #BABABA;
box-shadow:inset 0 2px 2px #FFFFFF,0 2px 3px #BABABA;}

#panes-bottom, #accordion h2.current, #accordion2 h2.current {
background: #e5e5e5;
background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%);
background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%);
background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%);
background: linear-gradient(top,  #e5e5e5 0%,#ffffff 100%);
-pie-background:linear-gradient(#e5e5e5,#ffffff);
}
	
/* crossfading effect needs absolute positioning from the elements */
#panes-bottom div{color:#444;display:none;left:20px;margin-right:25px;position:absolute;top:20px;}
#panes-bottom h3{font-size:22px;font-weight:normal;margin:0 0 15px;}
#panes-bottom img{float:left;margin-right:20px;}
.overlay {display:none;width:500px;padding:20px;background-color:#ddd;}

/*css3 tags */
a, a:hover {text-decoration: none !important}
a:active, a:focus {outline: 0 none}
a.tag-body:active{top: 1px}
.tag-body, a.tag-body {
  display: inline-block;
  position: relative;
  font-size: 12px !important;
  height: 15px;
  padding: 4px 8px 6px 15px !important;
  margin: auto auto 9px 18px !important;
  line-height: 1em;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15), -1px 1px 1px rgba(255, 255, 255, 0.5) inset;
  -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15), -1px 1px 1px rgba(255, 255, 255, 0.5) inset;
  -ms-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15), -1px 1px 1px rgba(255, 255, 255, 0.5) inset;
  -o-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15), -1px 1px 1px rgba(255, 255, 255, 0.5) inset;
  -khtml-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15), -1px 1px 1px rgba(255, 255, 255, 0.5) inset;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15), -1px 1px 1px rgba(255, 255, 255, 0.5) inset;
  cursor: pointer;
}

.tag-body.price{margin: -21px !important}

.tag:after {
  position: absolute;
  background: none repeat scroll 0 0 whitesmoke; /* change 'whitesmoke' to background color of your body */
  border: 1px solid #FFFFFF;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  -khtml-border-radius: 25px;
  border-radius: 25px;
  -moz-box-shadow: -1px -1px 3px #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.3) inset;
  -webkit-box-shadow: -1px -1px 3px #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.3) inset;
  -ms-box-shadow: -1px -1px 3px #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.3) inset;
  -o-box-shadow: -1px -1px 3px #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.3) inset;
  -khtml-box-shadow: -1px -1px 3px #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.3) inset;
  box-shadow: -1px -1px 3px #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.3) inset;
  content: "";
  height: 5px;
  left: 0;
  top: 9px;
  width: 5px;
  z-index: 0;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
}

.tag:before{
  background: inherit;
  -moz-transform: rotate(45deg) translate(-8px, 5px);
  -webkit-transform: rotate(45deg) translate(-8px, 5px);
  -ms-transform: rotate(45deg) translate(-8px, 5px);
  -o-transform: rotate(45deg) translate(-8px, 5px);
  -khtml-transform: rotate(45deg) translate(-8px, 5px);
  transform: rotate(45deg) translate(-8px, 5px);
  border-style: solid;
  border-width: 0 0 1px 1px;
  -moz-border-radius: 3px 4px 3px 6px;
  -webkit-border-radius: 3px 4px 3px 6px;
  -ms-border-radius: 3px 4px 3px 6px;
  -o-border-radius: 3px 4px 3px 6px;
  border-radius: 3px 4px 3px 6px;
  height: 79%;
  content: "";
  left: 2px;
  top: 18%;
  position: absolute;
  width: 19px;
  -moz-box-shadow: 1px -1px 1px rgba(255, 255, 255, 0.5) inset;
  -webkit-box-shadow: 1px -1px 1px rgba(255, 255, 255, 0.5) inset;
  -ms-box-shadow: 1px -1px 1px rgba(255, 255, 255, 0.5) inset;
  -o-box-shadow: 1px -1px 1px rgba(255, 255, 255, 0.5) inset;
  -khtml-box-shadow: 1px -1px 1px rgba(255, 255, 255, 0.5) inset;
  box-shadow: 1px -1px 1px rgba(255, 255, 255, 0.5) inset;
  z-index: 0;
}


.tag{  bottom: 0;  height: 100%;  right: -1px;  width: 101%;  z-index: 0;  background: none !important;}
/*color formating for css tags*/

/*yellow color*/
.tag-body.yellow{
border-color: #FFA71D; color: #202020; text-shadow: 0 1px #F0E9A1 !important; background: #feb645;
background: -moz-linear-gradient(top, #f1e767 0%, #feb645 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1e767), color-stop(100%,#feb645));
background: -webkit-linear-gradient(top, #f1e767 0%,#feb645 100%);
background: -o-linear-gradient(top, #f1e767 0%,#feb645 100%);
background: -ms-linear-gradient(top, #f1e767 0%,#feb645 100%);
-pie-background: linear-gradient(#f1e767, #feb645);
background: linear-gradient(top, #f1e767 0%,#feb645 100%);
}

.yellow .tag:before{
border-color: #FFA71D; background: #feb645;
background: -moz-linear-gradient(-45deg,  #f1e767 0%, #feb645 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f1e767), color-stop(100%,#feb645));
background: -webkit-linear-gradient(-45deg,  #f1e767 0%,#feb645 100%);
background: -o-linear-gradient(-45deg,  #f1e767 0%,#feb645 100%);
background: -ms-linear-gradient(-45deg,  #f1e767 0%,#feb645 100%);
background: linear-gradient(-45deg,  #f1e767 0%,#feb645 100%);
-pie-background: linear-gradient(#f1e767, #feb645);
}

a.yellow {color: #6F4503 !important}
a.yellow:hover {color: #000 !important}
a.tag-body:hover{
  -moz-box-shadow: 1px 1px 0 #C0C0C0;
  -webkit-box-shadow: 1px 1px 0 #C0C0C0;
  -ms-box-shadow: 1px 1px 0 #C0C0C0;
  -o-box-shadow: 1px 1px 0 #C0C0C0;
  -khtml-box-shadow: 1px 1px 0 #C0C0C0;
  box-shadow: 1px 1px 0 #C0C0C0;
}

a.left:hover{
  -moz-box-shadow: -1px 1px 0 #C0C0C0;
  -webkit-box-shadow: -1px 1px 0 #C0C0C0;
  -ms-box-shadow: -1px 1px 0 #C0C0C0;
  -o-box-shadow: -1px 1px 0 #C0C0C0;
  -khtml-box-shadow: -1px 1px 0 #C0C0C0;
  box-shadow: -1px 1px 0 #C0C0C0;
 }

/*end of color formating*/

/*css3 transitions*/
/*0.3s*/
.button,.csbutton, .csbutton-dark, .csbutton-grey, .csbutton-color, .button:hover,.csbutton:hover, .pic3d, .pic3d-dark, .pic-round,.pic-round:hover,.pic-round-shadow,.pic-round-shadow:hover,.pic-shadow,.pic-shadow:hover,.pic-inset,.pic-inset:hover,.pic-polarid,.pic-polarid:hover,.pic-border,.pic-border:hover,input,select, textarea, input:focus,textarea:focus, .price-col, .price-col:hover, .cs-prev, .cs-next, .top-section a, .top-section a:hover, .top-input, #top-date, .top-links, .top-contact, #top-date:hover, .top-links:hover, .top-contact:hover, ul.css-tabs a, #nav2 a, #accordion h2, #accordion2 h2, a.yellow, .postcontent .category a,.page-navigate .page,.page-navigate .pages,.page-navigate .current,.page-navigate .next-link,.page-navigate .next,.page-navigate .previous,.reply,.actions .next,.actions .prev ,  .twit-feed a, .tweeter_widget a{
-moz-transition:all 0.3s linear;
-webkit-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
-ms-transition:all 0.3s linear;
transition:all 0.3s linear;}
  
 /*0.1*/
  ul.bullet-list li a, ul.bullet-list li a:hover{
  -moz-transition:all 0.1s ease-in 0;
  -webkit-transition:all 0.1s ease-in 0;
  -o-transition:all 0.1s ease-in 0;
  -ms-transition:all 0.1s ease-in 0;
  transition:all 0.1s ease-in 0
}
  
  /*0*/
  .normal:active, .csbutton:active,.normal:active, .csbutton-color:active, .csbutton-dark:active, .csbutton-grey:active{
  -moz-transition:all 0 linear;
  -webkit-transition:all 0 linear;
  -o-transition:all 0 linear;
  -ms-transition:all 0 linear;
  transition:all 0 linear;}
  
  /*color*/
  #top-date, .top-links, .top-contact, #top-date:hover, .top-links:hover, .top-contact:hover, .twit-feed a, .breadcrumbs.home a, .jspTrack{
  -moz-transition:color 0.3s ease-out;
  -webkit-transition:color 0.3s ease-out;
  -o-transition:color 0.3s ease-out;
  -ms-transition:color 0.3s ease-out;
  transition:color 0.3s ease-out}
  
  /*opacity*/
  .spotlight-action, .social a, .kwicks.horizontal li, .kwicks.horizontal li.active, .top-links a, .cards img, .customers img, .jspDrag, .kwicks li .kwicks-caption  {
  -webkit-transition:opacity 0.3s linear;
  -moz-transition:opacity 0.3s linear;
  -o-transition:opacity 0.3s linear;
  -ms-transition:opacity 0.3s linear;
  transition:opacity 0.3s linear;} 
  
  /*width*/
.jspVerticalBar{
  -webkit-transition:width 0.3s linear;
  -moz-transition:width 0.3s linear;
  -o-transition:width 0.3s linear;
  -ms-transition:width 0.3s linear;
  transition:width 0.3s linear;}

  /*rounded corners */
.showhide li, .top-input, .comment-post .gravatar,  #menu ul ul a, .event-time, .block-number, .content-box,.content-box-blue,.content-box-green,.content-box-orange,.content-box-yellow,.content-box-red,.content-box-gray,.content-box-transparent, .keypoint, .tip,.info,.warning,.fail, .pic3d, .pic3d-dark, .tooltip, #triggers img, .scrollable img, .blog-author, .comment-post-admin, .postcontent .category a, .page-navigate .page,.page-navigate .pages,.page-navigate .current,.page-navigate .next-link,.page-navigate .next,.page-navigate .previous,.reply,.actions .next,.actions .prev, #accordion, #accordion2, .apple_overlay img, .tag, .tag-body, a.tag-body, .slide-object iframe, .slide-object video, .gallery video, div.white-top div, a.switch_thumb{
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -ms-border-radius:4px;
  -o-border-radius:4px;
  border-radius:4px;
}
  
  /*2px*/
  .slider-action, .spot-action, .button,.csbutton, .csbutton-dark, .csbutton-grey, .csbutton-color, #accordion h2, #accordion2 h2, .date-fld{
    -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -ms-border-radius:2px;
  -o-border-radius:2px;
  border-radius:2px;
}
 
/* Typography Styles */
.blog .author{font-size: 11px; padding-bottom: 6px; padding-top: 4px}
.blog-left{float: left; margin-right: 10px !important; margin-top: 18px !important;}
.blog-right{float: right; margin-left: 10px !important; margin-top: 18px !important;}
.postcontent .category {padding-top: 2px}
.postcontent .category a {    background: none repeat scroll 0 0 #DEDEDE;    border: 1px solid #D4D4D4;    color: #404040;    display: inline-block;    font-size: 11px;    margin: 5px 2px !important;    padding: 3px 7px;    text-shadow: 0 1px 0 #F7F7F7; }
.postcontent .category a:hover { background: #E9E9E9; }
.page-navigate .page,.page-navigate .pages,.page-navigate .current,.page-navigate .next-link,.page-navigate .previous,.reply,.actions .next,.actions .prev{ width:auto;  padding:3px 6px; margin-right:5px; border-width: 1px; border-style: solid; }
.page-navigate .next{padding: 3px 6px}
.page-navigate .current, .page-navigate .pages {color: #808080}

/*back-to-top*/

#toTop {display:none;	text-decoration:none;	position:fixed;	bottom:10px;	right:28px;	overflow:hidden;	width:51px;	height:51px;	border:none;	text-indent:-999px;	background:url(https://lh3.googleusercontent.com/-vCCumN6bzJQ/T7hicTk4ODI/AAAAAAAAAZE/HADvFhFHvaE/s102/back-to-top.png) no-repeat left top;}
#toTopHover {	background:url(https://lh3.googleusercontent.com/-vCCumN6bzJQ/T7hicTk4ODI/AAAAAAAAAZE/HADvFhFHvaE/s102/back-to-top.png) no-repeat left -51px;	width:51px;	height:51px;	display:block;	overflow:hidden;	float:left;	opacity: 0;	-moz-opacity: 0;	filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {	outline:none;}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* ==|== media queries ====================================================== */

@media only screen and (min-width: 768px)  and ( max-width: 960px ){
/*.nav{width: 750px}
.spot-bg{width: 738px}
.top-overlay{width: 738px}
.top-section .inner{width: 760px}
#follow,#breadcrumbs{width: 760px}
#page-background-glare, body {min-width: 760px}
div.header, .header-wrapper{width: 752px}
.header-content{width: 678px}
.sheet{max-width:760px;    width: 760px;}
.f-top-inner{width: 760px;}
.footer-center{width: 760px;}*/
}


/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}